import React, { Component } from 'react';
import "./Stockaccessories.scss"
import { Button } from '../../../node_modules/antd-mobile';

class Stockaccessories extends Component {
	constructor() {
		super()
		this.state = {

		}
	}
	componentDidMount() {
		document.getElementsByTagName('title')[0].innerHTML = '库存配件'
	}
	render() {
		let height = window.screen.height
		return (
			<div className="other-page stockaccessories" style={{ minHeight: height + 'px' }}>
				<div className='topbox'>产品中心 | 超滤机系列</div>
				<div className='bottombox'>

					<div className='productbox'>
						<div>
							<img
								className='proimg'
								src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531071934317&di=278cf69c485887645927aafd71988efb&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F23%2F20160423093537_5XRQL.jpeg' alt="" />
						</div>
						<div className='right' >
							<div className='title'>净水器家用直饮厨房净水机不锈钢台式过滤器</div>
							<div className='lave'>
								<div className='lave_l'>剩余 <span style={{ color: '#f95f5c' }}> 4 </span> 件</div>
								<div className='lave_r'>
									<img src={require('../../images/use.png')} alt='' />
									<div>使用记录</div>
								</div>
							</div>
						</div>
					</div>
					<div className='productbox'>
						<div>
							<img
								className='proimg'
								src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531071934317&di=278cf69c485887645927aafd71988efb&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201604%2F23%2F20160423093537_5XRQL.jpeg' alt="" />
						</div>
						<div className='right' >
							<div className='title'>净水器家用直饮厨房净水机不锈钢台式过滤器</div>
							<div className='lave'>
								<div className='lave_l'>剩余 <span style={{ color: '#f95f5c' }}> 4 </span> 件</div>
								<div className='lave_r'>
									<img src={require('../../images/use.png')} alt='' />
									<div>使用记录</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<Button className='bottom-fixed-but'>补充库存</Button>
			</div>
		);
	}
}

export default Stockaccessories;